/* pages/search/search.wxss */
Page {
    background-color: #F1F1F2;
}

.search {
    padding: 20rpx;

    .searchbox {
        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 7rpx;

        .icon {
            width: 60rpx;
            height: 60rpx;

            image {
                margin: 14rpx;
                width: 32rpx;
                height: 32rpx;
            }
        }

        .input {
            flex: 1;
            background-color: #fff;
        }

        .btn {
            width: 100rpx;
            height: 60rpx;
            background-color: #fa2209;
            border-radius: 0 7rpx 7rpx 0;
            font-size: 28rpx;
            line-height: 60rpx;
            text-align: center;
            color: #fff;
        }
    }
}

.historysearch {
    padding: 0 20rpx;

    .text {
        display: flex;
        justify-content: space-between;
        align-items: center;

        span {
            font-size: 28rpx;
            color: #777;
        }
        image {
            width: 35rpx;
            height: 35rpx;
        }
    }

    .searchcard {
        display: inline-block;
        margin: 20rpx;
        padding: 20rpx;
        background-color: #fff;
        border-radius: 20rpx;
    }
}